Ext.onReady(function () {
    // 定义表单  
    var formPanel = new Ext.FormPanel( {
        labelWidth : 75,
        frame : true,
        bodyStyle : 'padding:5px 5px 0',
        width : 350,
        defaults : {
            width : 230
        },
        defaultType : 'textfield',
        items : [ {
            fieldLabel : '用户名',
            name : 'userName',
            allowBlank : false
        }, {
            fieldLabel : '密   码',
            name : 'password'
        } ]
    });

    // 定义窗口  
    var win = new Ext.Window( {
        title : '添加用户',
        layout : 'fit',
        width : 500,
        height : 300,
        closeAction : 'close',
        closable : false,
        plain : true,
        items : formPanel,
        buttons : [ {
            text : '确定',
            handler : function() {
                var form = formPanel.getForm();
                var userName = form.findField('userName').getValue().trim();
                var password = form.findField('password').getValue().trim();
                if (!userName) {
                    alert('用户名不能为空');
                    return;
                }
                if (!password) {
                    alert('密码不能为空');
                    return;
                }
                form.submit( {
                    waitTitle : '请稍后...',
                    waitMsg : '正在保存用户信息,请稍后...',
                    url : 'demo.do',
                    method : 'post',
                    success : function(form, action) {
                        alert(action.result.msg);
                    },
                    failure : function(form, action) {
                        alert(action.result.msg);
                    }
                });
            }
        }, {
            text : '取消',
            handler : function() {
                win.close();
            }
        } ]
    });
    win.show();
});